<template>
<div class="favorite">
  <div >
    <img class="cover" src="../../assets/my_picture/Myfavorite.png"/>
  </div>
  <div style="padding: 20px 0;display: flex;flex-direction: column">
    <span style="font-weight: bold;font-size: 16px">我喜欢的音乐</span>
    <span style="font-size: 10px;padding-top: 5px">36首</span>
  </div>
  <div class="heart" style="float: right">
    <img  src="../../assets/my_picture/Heartbeat.png"/>
  </div>
</div>
</template>

<script>
export default {
  name: "MyFavorite"
}
</script>

<style scoped>
.favorite{
  display: flex;
  background-color: white;
  margin: 12px;
  border-radius: 8px;
}
.heart>img{
  width: 80px;
  height: 30px;
  float: right;
  padding-left: 80px;
  padding-top: 25px;
}
.cover{
  width: 65px;
  height: 65px;
  padding: 15px;
}
</style>
